<template>
    <div>
        <h1>用户模块</h1>

        <table border="1">
            <tr>
                <td>id</td>
                <td>name</td>
                <td>age</td>
                <td>operate</td>
            </tr>
            <tr v-for = "user in users" :key="user.id">
                <td>{{user.id}}</td>
                <td>{{user.name}}</td>
                <td>{{user.age}}</td>
                <td><a href="">delete</a> <a href="">change</a></td>
            </tr>
        </table>

        <Footer></Footer>
    </div>
</template>

<script>
import Footer from './Footer.vue'
export default {
    name:"User",
    data() {
        return {
            users:[
                {id:"1", name:"zhangsan", age:23},
                {id:"2", name:"lisi", age:24},
            ]
        }
    },
    components: {
        Footer,
    },
    created() {

    },
}
</script>

<style scoped>

</style>
